Realmdrop Badge Kit

Badge host URL Link target Client ref

Snippets update as you type. The host URL is where you upload the svg/ folder; the client ref is added as ?ref= so you can see which sites send you visitors.

In context

The teal pill in a typical client footer.

Pill

The everyday footer credit, with the photo portal ring. Teal is the recommended default.

Teal

Works on any background · 199×44

pill-teal.svg

White

Works on any background · 199×44

pill-white.svg

Outline · ink

Light backgrounds only · 199×44

pill-outline-ink.svg

Outline · white

Dark or photo backgrounds only · 199×44

pill-outline-white.svg

Portal chip

The featured option: the portal ring around a mini version of the hero wordmark. Use at 140px or larger.

Portal

Works on any background · 160×160

chip-portal.svg

Mark

The portal ring on its own, for tight spots (24–40px). Photo ring where color is welcome; solid ink or white for one-color uses.

Photo ring

Works on any background · 32×32

mark-photo.svg

Photo ring · tile

Works on any background · 32×32

mark-teal.svg

Ink

Light backgrounds only · 32×32

mark-ink.svg

White

Dark or photo backgrounds only · 32×32

mark-white.svg

—

Notes

All text is converted to outlines, so badges look identical on every site with no font loading.
Use the .svg files where possible. The png/ folder has 1× and 2× transparent PNGs for site builders that don't accept SVG.
Links use rel="nofollow" so widely placed badges aren't treated as a link scheme by search engines.

REALMDROP

Teal

White

Outline · ink

Outline · white

Portal

Photo ring

Photo ring · tile

Ink

White